﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
<head>
 <title>Elegant Business HTML Template (Design3edge.com) </title>
 <meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
 <link rel="stylesheet" type="text/css" href="css/style.css" />
  
  <!--[if lt IE 8.]>
<link rel="stylesheet" type="text/css" href="css/style-ie.css" />
<![endif]-->
 <!--[if lt IE 7.]>
<link rel="stylesheet" type="text/css" href="css/style-ie6.css" />
<![endif]-->

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$().ready(function() {
	// validate the contact form when it is submitted
	$("#contactForm").validate({

		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			name: "* Please enter your name",
			email: "* Please enter a valid email address"
		}
	});
});
</script>

<style type="text/css">
#contactForm label.error {
	padding-left:8px;
	background-color:#ffffff;
	width: auto;
	display: inline;
}
</style>

</head>

<body>

<!-- Main Body Starts Here -->
<div id="main_body">

<!-- Header Starts Here -->
<div id="header">

<!-- Logo Starts Here -->
<div id="logo">
<a href="index.jsp"><img src="images/main_logo.png" alt="Design3Edge" title="Design3Edge" /></a>
</div>
<!-- Logo Ends Here -->

<!-- Menu Part Starts Here -->
<div class="menu">
<ul>
<li><a href="index.jsp">HOME</a></li>
<li><a href="about.jsp">ABOUT</a></li>
<li><a href="service.jsp">SERVICES</a></li>
<li><a href="portfolio.jsp">PORTFOLIO</a></li>
<li class="menu_active"><a href="contact.jsp">CONTACT</a></li>
</ul>

</div>
<!-- Menu Part Ends Here -->

<!-- Clear -->
<div class="clear">
</div>
<!-- Clear -->

</div>
<!-- Header Ends Here -->

<!-- Content Part Starts here -->
<div id="inner_content_body">

<!--Inner Page Title Starts Here -->
<div id="content_left">
<!-- Title -->
<p>
<span class="page_title1">CONTACT</span> <span class="page_title2">US</span>
</p>
<!-- Title -->

 </div>    
<!--Inner Page Title Ends Here -->

<!-- Content Right Starts Here -->
<div id="inner_content_right">

<!-- Search Box Starts Here -->
<div class="search_box">
<form method="get" action="about.jsp">

<input  name="s" id="s" value="Search..." onfocus="if(this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" type="text" /><input value=""  type="submit" /> 
					
</form>
</div>
<!-- Search Box Ends Here -->

</div>
<!-- Content Right Ends here -->


<!-- Clear -->
<div class="clear">

</div>
<!-- Clear -->


<!-- Home Content Body Starts Here -->
<div id="home_content_body">

<!-- Left Content Starts Here -->
<div id="left_content">
<br />

<!-- Content Starts Here -->
<div>
<p>
Vivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. Aenean porttitor, lectus at dapibus egestas.
</p>
<br />
<p>
<a href="http://www.design3edge.com/"><img src="images/google_map.jpg" alt="Design3Edge" title="Design3Edge" /></a>
</p>


<br />

<!-- Contact Form -->
<div>
<!-- Title -->
<p>
<span class="page_title3">CONTACT</span> <span class="page_title3">FORM</span>
</p>
<!-- Title -->
<br />
<!-- Form Starts Here -->
<div class="contact">
<form id="contactForm" name="contactForm" method="post" action="index.jsp">
<p>
Name *
</p>

<p>
<input type="text" name="name" id="name" value=""/>
</p>



<p style="margin-top:20px;">
E-Mail *
</p>

<p>
<input type="text" name="email" id="email" value=""/>
</p>

<p style="margin-top:20px;">
Your Message
</p>

<p>
<textarea rows="3" cols="50" name="message"></textarea>
</p>

<p style="margin-top:20px;">
<input type="image" src="images/send_btn.png" name="submit" id="submit" />
</p>


</form>
</div>
<!-- Form Ends Here -->


</div>
<!-- Contact Form -->


</div>
<!-- Content Ends Here -->

</div>
<!-- Left Content Ends Here -->

<!-- Right Content Starts Here -->
<div id="right_content">

<!-- More Links Starts Here -->
<div>
<!-- Title -->
<p>
<span class="page_title1">GET</span> <span class="page_title2">IN TOUCH</span>
</p>
<!-- Title -->

<ul class="list" >
<li>9839 Lorem Ipsum</li>
<li>India, Bangalore</li>
<li>Asia, India</li>
<li>Telephone: <b>+91 - 1234567890</b></li>
<li>Email: <b>contact@design3edge.com</b></li>
</ul>
</div>
<!-- More Links Ends Here -->

<br /><br />

<!-- Testimonial Starts Here -->
<div>
<!-- Title -->
<p>
<span class="page_title1">OUR</span>  <span class="page_title2">CLIENT SAY'S</span>
</p>
<!-- Title -->

<!-- Client 1 -->
<div class="testimonial">
<img src="images/testimonial_image.gif" alt="Design3Edge" title="Design3Edge" />
<p>
That’s really nice. I wish I could create similar ones..
</p>

<p class="testimonial_author">
- olay (Design3Edge)
</p>
</div>
<!-- Client 1 -->
<br /><br />
<!-- Client 2 -->
<div class="testimonial">
<img src="images/testimonial_image.gif" alt="Design3Edge" title="Design3Edge" />
<p>
That’s really nice. I wish I could create similar ones..
</p>

<p class="testimonial_author">
- olay (Design3Edge)
</p>
</div>
<!-- Client 2 -->

<br /><br />
<!-- Client 3 -->
<div class="testimonial">
<img src="images/testimonial_image.gif" alt="Design3Edge" title="Design3Edge" />
<p>
That’s really nice. I wish I could create similar ones..
</p>

<p class="testimonial_author">
- olay (Design3Edge)
</p>
</div>
<!-- Client 3 -->

</div>
<!-- Testimonial Ends Here -->

<br /><br />

<!-- Latest Work Starts Here -->
<div>
<!-- Title -->
<p>
<span class="page_title1">LATEST</span> <span class="page_title2">WORK</span>
</p>
<!-- Title -->

<p style="margin-top:6px;">
Aenean porttitor, lectus at dapibus egestas, tellus ipsum rhoncus orci, eu vestibulum nisi orci quis nunc.
</p>

<!-- Latest Work1 -->
<div class="latest_work">
<a href="http://www.design3edge.com/"><img src="images/design3edge_thumb.jpg" alt="Design3Edge" title="Design3Edge" /></a>
</div>
<!-- Latest Work1 -->

<!-- Latest Work2 -->
<div class="latest_work">
<a href="http://www.design3edge.com/"><img src="images/techiepark_thumb.jpg" alt="Design3Edge" title="Design3Edge" /></a>
</div>
<!-- Latest Work2 -->

<!-- Clear -->
<div class="clear">
</div>
<!-- Clear -->

<br />
<!-- read more -->
<p class="read_more">
<a href="portfolio.jsp">see more...</a>
</p>

</div>
<!-- Latest Work Ends Here -->

<br />

<!-- Follow Us Starts Here -->
<div>
<!-- Title -->
<p>
<span class="page_title1">FOLLOW</span> <span class="page_title2">US</span>
</p>
<!-- Title -->

<p id="follow_us">
<a href="http://twitter.com/Design3edge"><img src="images/twitter_icon.png" alt="Design3edge" /></a> <a href="http://facebook.com/Design3edge"><img src="images/facebook_icon.png" alt="Design3edge" /></a>
 <a href="http://twitter.com/Design3edge"><img src="images/linkdin_icon.png" alt="Design3edge" /></a>
</p>

</div>
<!-- Follow Us Ends Here -->


</div>
<!-- Right Content Ends here -->


<!-- Clear -->
<div class="clear">
</div>
<!-- Clear -->

</div>
<!-- Home Content Body Ends Here -->

</div>
<!-- Content Part Ends Here -->

<!-- Footer Starts Here -->
<div id="footer">
<p id="footer_links">
<a href="index.jsp">Home</a> &nbsp;&nbsp; | &nbsp;&nbsp;<a href="about.jsp">About</a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="service.jsp">Services</a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="portfolio.jsp">Portfolio</a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="contact.jsp">Contact</a>
</p>

<!-- Template Copyright -->
<p id="footer_copyright">
Copyright © 2010 <a href="http://www.design3edge.com/">Design3Edge</a>. All rights reserved.
</p>
<!-- Template Copyright -->

</div>
<!-- Footer Ends Here -->

<br />
</div>
<!-- Main Body Ends Here -->

 </body>
</html>